<!DOCTYPE html>
<html lang="zh-CN" style="font-size: 44px;">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title>HOG_HOME</title>

		<!-- Bootstrap -->
		<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

		<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
		<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
		<!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
		<link rel="stylesheet" href="community.css" />
		<link rel="stylesheet" href="../../css/font-awesome.min.css" />
		<link rel="stylesheet" href="../../css/common.css" />
		<script type="text/javascript" src="../../js/vue.js"></script>
	</head>

	<body>
		<div id="app" style="padding: 0;margin: 0;width: 100%;">
			<header class="container">
				<nav class="row">
					<div class="col-lg-12">
						<span v-for="(item,index) in nav" v-on:click="navOnClick" v-bind:key="item.id" v-bind:class="{nav_active:item.active,isHome:index == 0}">{{item.name}}</span>
					</div>
				</nav>
			</header>
			
			<article class="container">
				<section class="row">
					<div class="col-md-12">
						<h1>FAQ  & sending your question or suggesttion to us <small>buiding...  <a> joining us </a></small></h1>
					</div>
				</section>
			</article>
				<!--add your code-->
			<footer class="container-fluid">
				<div class="container">
					<div class="row">
						<div class="col-md-5 col-md-offset-4" style="padding: 1.5rem;padding-right: 0;">
							<div class="media">
								<div class="media-left">
									<a href="#">
										<img width="64px" style="padding: 1px;" class="media-object" v-bind:src="footer.img" alt="...">
									</a>
								</div>
								<div class="media-body">
									<h4 class="media-heading">FOLLOW: <i class="fa fa-github"></i> GitHub <a v-bind:href="footer.github.location"> {{footer.github.name}} </a></h4> Copyright © 2018 mmotiy. All Rights Reserved.
								</div>
							</div>
						</div>
					</div>
				</div>
			</footer>
		</div>

		<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
		<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
		<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
		<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<!-- 加载属于页面的配置 -->
		<script type="text/javascript" src="../../js/common.js"></script>
		<!-- 加载页面脚本 -->
		<script type="text/javascript" src="community.js"></script>
	</body>

</html>